<template>
  <el-carousel class="banner_wrap" height="450px">
    <el-carousel-item v-for="item in picArr" :key="item.id">
      <!-- <img :src="item.src" alt=""/> -->
      <img :src="item.imageurl" alt="">
    </el-carousel-item>
  </el-carousel>
</template>
<script>
export default {
  name:'banner',
  data() {
    return{
      picArr:[]
    }
  },
  mounted(){
    this.GLOBAL.request({
        baseURL: this.GLOBAL.RNTY_SHOP_MALL_URL,
        url:"banners/show",
      }).then(({data:data})=>{
        if(data){
          this.picArr = data
        }
      })
   }
}
</script>
<style>
 .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }
  .banner_wrap{
    margin-top:10px;
  }
  img{
    width:100%;
    height:100%;
  }
</style>
